html{
	background:#191919;
}
body{
	overflow-x:hidden;
	word-wrap:break-word;
	background:#f2f2f2;
}
.wrapper{
	width:1000px;
	margin:0 auto;
}
.header{
	background:url(../images/header-repeat.png) repeat-x top #191919;
	height:110px;
	width:100%;
	min-width:1000px;
}
.bground{
	min-height:300px;
	padding:10px 0;
	overflow:hidden;
}
.main{
	float:left;
	width:677px;
	margin:0 0 0 40px;
	min-height:680px;
}
.sidebar{
	float:right;
	width:205px;
	background:url(../images/sidebar.png) no-repeat 0 50px;
	min-height:680px;
	padding:50px 0 0 20px;
	margin:0 40px 0 0;
}
.content{
	margin:0 40px;
}
.footer{
	padding:25px 0;
	height:46px;
	background:url(../images/menu.png) no-repeat center center #191919;
	width:100%;
	min-width:1000px;
}
/*header*/
.logo{
	float:left;
	margin:17px 0 0 25px;
}
.sologan{
	float:left;
	margin:30px 0 0 0;
}
.box-admin{
	height:40px;
	float:right;
	margin:4px 40px 0 0;
}
.box-admin .box-admin-left{
	width:50px;
	height:40px;
	background:url(../images/box-admin.png) no-repeat top left;
	float:left;
}
.box-admin .box-admin-center{
	height:40px;
	background:url(../images/box-admin.png) no-repeat top center;
	float:left;
}
.box-admin .box-admin-right{
	width:50px;
	height:40px;
	background:url(../images/box-admin.png) no-repeat top right;
	float:left;
}
.box-admin ul{
	margin:0 -15px;
}
.box-admin ul li{
	float:left;
	height:33px;
	background:url(../images/box-login-line.png) no-repeat top left;
}
.box-admin ul li:first-child{
	background:none;
}
.box-admin ul li a{
	display:block;
	font-size:12px;
	color:#ccc;
	font-weight:normal;
	padding:8px 25px 0;
	height:25px;
}
.box-admin ul li:hover a{
	color:#fff;
}
/*end header*/
/*menu*/
.menu{
	height:46px;
	background: url(../images/menu.png) no-repeat top center #191919;
	width:100%;
	min-width:1000px;
}
.menu ul{
	float:left;
	height:46px;
	margin:0 0 0 62px;
}
.menu ul li{
	float:left;
	height:46px;
	background:url(../images/menu-li.png) no-repeat top right;
}
.menu ul li:last-child{
	background:none;
}
.menu ul li a{
	display:block;
	font-size:14px;
	color:#999;
	font-weight:normal;
	padding:14px 20px 0;
	margin:0 1px 0 0;
	height:32px;
}
.menu ul li:hover a, .menu ul li.active a{
	color:#fff;
	background:url(../images/menu-li-active.png) repeat-x top;
}
.box-search{
	float:right;
	margin:8px 40px 0 0;
}
.box-search .box-search-inner{
	height:32px;
	width:216px;
	background:url(../images/box-search.png) no-repeat;
	float:left;
}
.box-search .text{
	float:left;
	padding:4px 10px;
	height:23px;
	border:none;
	background:transparent;
	width:163px;
	color:#999;
	font-family:Arial;
	font-style:italic;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.box-search .text:focus{
	color:#fff;
	border:none;
	background:transparent;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}
.box-search .btn-search{
	float:right;
	width:32px;
	height:32px;
	padding:0;
	margin:0;
	border:none;
	background:url(../images/search-button.png) no-repeat center center;
	text-indent:-9999px;
}
.box-search .btn-search-more{
	background:url(../images/search-plus.png) no-repeat center center;
	width:32px;
	height:32px;
	float:left;
	margin:0 0 0 7px;
}
/*end menu*/
/*tab*/
.tab-wrapper{
	padding:29px 0 0;
	height:44px;
	background:url(../images/tab-wrapper-repeat.png) repeat-x bottom #191919;
}
.tab-wrapper ul{
	height:44px;
	position:relative;
	z-index:1;
	margin:0 0 0 40px;
}
.tab-wrapper ul li{
	height:44px;
	width:218px;
	float:left;
	position:absolute;
	top:0;
}
.tab-wrapper ul li.tab1{
	background:url(../images/tab1.png) no-repeat;
	z-index:4;
	left:0;
}
.tab-wrapper ul li.tab2{
	background:url(../images/tab2.png) no-repeat;
	z-index:3;
	left:192px;
}
.tab-wrapper ul li.tab3{
	background:url(../images/tab3.png) no-repeat;
	z-index:2;
	left:384px;
}
.tab-wrapper ul li.tab4{
	background:url(../images/tab4.png) no-repeat;
	z-index:1;
	left:576px;
}
.tab-wrapper ul li:hover, .tab-wrapper ul li.active{
	background:url(../images/tab-active.png) no-repeat;
}
.tab-wrapper ul li.active{
	z-index:5;
}
.tab-wrapper ul li a{
	font-size:14px;
	color:#fff;
	display:block;
	text-align:center;
	padding:15px 0 0;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}
.tab-wrapper ul li.tab1:hover a, .tab-wrapper ul li.active a.link-color1{
	color:#ff6600;
	text-shadow:none;
}
.tab-wrapper ul li.tab2:hover a, .tab-wrapper ul li.active a.link-color2{
	color:#ff6600;
	text-shadow:none;
}
.tab-wrapper ul li.tab3:hover a, .tab-wrapper ul li.active a.link-color3{
	color:#ff9900;
	text-shadow:none;
}
.tab-wrapper ul li.tab4:hover a, .tab-wrapper ul li.active a.link-color4{
	color:#cc9900;
	text-shadow:none;
}
.nomenu-left{
	float:left;
	height:44px;
	background:url(../images/nomenu-left.png) no-repeat;
	width:26px;
	margin:0 0 0 40px;
}
.nomenu-right{
	float:left;
	height:44px;
	background:url(../images/nomenu-right.png) no-repeat;
	width:26px;
}
.nomenu-center{
	float:left;
	height:44px;
	background:url(../images/nomenu-repeat.png) repeat-x top;
	width:866px;
}
/*end tab*/
/*footer*/
.copyright{
	font-family:Arial;
	font-size:12px;
	color:#999;
	float:left;
	margin:15px 0 0 40px;
}
.social{
	float:right;
	margin:8px 40px 0 0;
}
.social .social-item{
	float:left;
	width:32px;
	height:32px;
	background:url(../images/social-item.png) no-repeat;
	margin:0 0 0 12px;
}
.social a.social-item:hover{
	background:url(../images/social-item-hover.png) no-repeat 0 0;
}
/*end footer*/
/*sidebar*/
.sidebar-menu{
	margin:0 15px;
	padding:0 0 5px;
}
.sidebar-menu li{
	border-bottom:1px dashed #d7d7d7;
}
.sidebar-menu li:last-child{
	border-bottom:none;
}
.sidebar-menu li a{
	display:block;
	padding:8px 0;
	line-height:16px;
	font-size:12px;
	font-weight:normal;
	font-family:Arial;
	color:#666;
}
.sidebar-menu li:hover a, .sidebar-menu li.active a{
	color:#ff6600;
}
/*end sidebar*/
/*star*/
.star-outer{
	padding:5px 0 0;
}
.star-outer span{
	cursor:pointer;
	width:16px;
	height:16px;
	display:inline-block;
	background:url(../images/star.gif) no-repeat 0 0;
	margin:0 2px 0 0;
}
.star-outer span.star{
	background:url(../images/star.gif) no-repeat 0 -48px;
}
/*end star*/
/*project*/

.project-list{
    min-height:680px;
	background:#fff;
	overflow:hidden;
}
.project-list .grid{
	min-height:130px;
	border-bottom:1px solid #f2f2f2;
	padding:10px 0 10px 15px;
	overflow:hidden;
}
.project-list .grid .img{
	width:124px;
	height:124px;
	overflow:hidden;
}
.project-list .grid .img img{
	width:124px;
	min-height:124px;
}
.project-list .grid .g-content{
	margin:0 0 0 20px;
	width:240px;
	float:left;
	text-shadow:1px 1px 1px #fff;
}
.project-list .grid .g-title{
	font-size:20px;
	line-height:22px;
	font-family:Arial;
}
.project-list .grid label{
	font-size:12px;
	font-weight:bold;
}
.project-list .grid .desc{
	float:left;
	width:230px;
	margin:22px 0 0 40px;
	font-family:Arial;
	color:#999;
	font-style:italic;
	line-height:18px;
}
/*end project*/
/*myproject*/
.myproject-control{
	height:50px;
}
.myproject-control .pages{
	float:right;
	padding:10px 0;
}
.myproject-control .small-button{
	margin:5px 22px 0 0;
}
.myproject-control label{
	display:inline-block;
	font-family:Arial;
	font-size:12px;
	color:#333;
	font-weight:bold;
	margin:12px 0 0;
	vertical-align:top;
}
.myproject-control ul{
	display:inline-block;
	margin:12px 0 0;
	vertical-align:top;
}
.myproject-control ul li{
	float:left;
}
.myproject-control ul li a{
	font-size:12px;
	color:#666;
	font-family:Arial;
	font-weight:normal;
	display:block;
	padding:0 5px;
	text-decoration:underline;
}
.myproject-control ul li:hover a, .myproject-control ul li.active a{
	color:#ff6600;
	text-decoration:none;
}
.myproject-list{
    min-height:680px;
	background:#fff;
	overflow:hidden;
}
.myproject-list .grid{
	min-height:130px;
	border-bottom:1px solid #f2f2f2;
	padding:10px 0 10px 15px;
	overflow:hidden;
}
.myproject-list .grid .img{
	width:124px;
	height:124px;
	overflow:hidden;
}
.myproject-list .grid .img img{
	width:124px;
	min-height:124px;
}
.myproject-list .grid .g-content{
	margin:0 0 0 20px;
	width:240px;
	float:left;
	text-shadow:1px 1px 1px #fff;
}
.myproject-list .grid .g-title{
	font-size:20px;
	line-height:22px;
	font-family:Arial;
}
.myproject-list .grid label{
	font-size:12px;
	font-weight:bold;
}
.myproject-list .grid .desc{
	float:left;
	width:320px;
	margin:22px 0 0 100px;
	font-family:Arial;
	color:#999;
	font-style:italic;
	line-height:18px;
	text-shadow:1px 1px 1px #fff;
}
.myproject-list .grid .desc .desc-title{
	font-style:normal;
	font-weight:bold;
	color:#666;
}
.myproject-list div.grid:hover{
	background:#e4e4e4;
}
.myproject-button{
	float:left;
	width:40px;
	margin:15px 0 0 20px;
	display:none;
}
.myproject-button .myproject-item{
	width:39px;
	height:39px;
	float:left;
	margin:0 0 10px;
	background:url(../images/myproject-button.png) no-repeat;
}
.myproject-list div.grid:hover .myproject-button{
	display:block;
}
/*end myproject*/
/*mytools*/
.btn-item-small{
	width:27px;
	height:27px;
	background:url(../images/btn-item-small.png) no-repeat;
	display:inline-block;
	margin:0 5px 0 0;
}
.mytools-list table.tfull tr td .btn-item-small{
	display:none;
	margin:-8px 0;
}
.mytools-list table.tfull tr:hover td .btn-item-small{
	display:inline-block;
}
/*end mytools*/
/*project detail*/
.project-detail{
	background:#fff;
	padding:12px 25px 25px;
	margin:30px 0 20px;
}
.project-title{
	font-size:24px;
	color:#333;
	font-family:Arial;
	font-weight:bold;
}
.project-content{
	color:#333;
	font-size:12px;
	font-family:Arial;
	line-height:30px;
}
.project-row{
	color:#333;
	font-size:12px;
	font-family:Arial;
	padding:8px 0 4px;
}
.project-link{
	font-size:12px;
	color:#ff6600;
	font-weight:normal;
	text-decoration:underline;
}
.project-detail .star-outer{
	display:inline-block;
	vertical-align:middle;
	padding:0;
	margin:-3px 0 0;
}
.comment-outer{
	padding:20px 0 0;
}
.comment-title{
	font-size:18px;
	color:#333;
	font-family:Arial;
	font-weight:bold;
	padding:20px 0;
}
.comment-list{
}
.comment-item{
	padding:0 0 25px;
}
.comment-item .comment-name{
	width:80px;
	float:left;
	padding:40px 0 0;
	height:20px;
	font-size:14px;
	font-weight:bold;
	color:#333;
	font-family:Arial;
	overflow:hidden;
}
.comment-item .comment-cloud{
	margin:0 0 0 80px;
}
.comment-item .comment-cloud .comment-cloud-left{
	background:url(../images/comment-item-left.png) no-repeat 0 27px;
	width:19px;
	height:60px;
	float:left;
}
.comment-item .comment-cloud .comment-cloud-content{
	background:#f2f2f2;
	margin:0 0 0 19px;
	padding:12px 22px;
	font-size:12px;
	color:#333;
	line-height:18px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1);
	box-shadow:2px 2px 2px rgba(0,0,0,0.1);
}
.comment-text{
	padding:0 0 10px;
}
.comment-text .form label{
	width:100px;
}
.comment-text .form .text-outer{
	margin-left:100px;
}
.comment-text .form .button{
	margin:0;
	padding:0 35px !important;
}
/*end project detail*/
/*step*/
.step-outer{
	height:39px;
	margin:20px 0 0;
	border:1px solid #d4d4d4;
	background:url(../images/button-repeat.png) repeat-x top #e5e5e5;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.step-outer .step-number{
	width:19.899%;
	border-right:1px solid #e1e1e1;
	height:39px;
	float:left;
	text-align:center;
	line-height:38px;
	color:#333;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
}
.step-outer .step-number:first-child{
	-moz-border-radius:6px 0 0 6px;
	-webkit-border-radius:6px 0 0 6px;
	border-radius:6px 0 0 6px;
}
.step-outer .step-number:last-child{
	border-right:none;
	-moz-border-radius:0 6px 6px 0;
	-webkit-border-radius:0 6px 6px 0;
	border-radius:0 6px 6px 0;
}
.step-outer a.step-number:hover, .step-outer a.active{
	background:url(../images/step-hover.png) repeat-x top #f0f0f0;
}
.step-button{
	padding:10px 0;
	height:30px;
}
.stepinfo-item{
	background:#fff;
	padding:15px 20px;
	margin:0 0 20px;
}
.stepinfo-item .step-count{
	float:left;
	font-size:40px;
	color:#ff6600;
	font-weight:bold;
	text-align:center;
	font-family:Arial;
	width:78px;
	height:78px;
	background:url(../images/step-count.png) no-repeat;
	line-height:80px;
}
.stepinfo-item .step-content{
	margin:0 65px 0 90px;
	min-height:88px;
}
.stepinfo-item .step-row{
	font-family:Arial;
	font-size:12px;
	color:#333;
	padding:0 0 5px;
	line-height:20px;
}
.stepinfo-item .step-title{
	font-size:18px;
	color:#333;
	font-weight:bold;
	font-family:Arial;
}
.stepinfo-item .step-icon-link{
	float:right;
	width:27px;
	height:27px;
	background:url(../images/btn-item-small.png) no-repeat;
	margin:0 0 0 4px;
}
.stepinfo-item .step-icon{
	float:right;
	margin:20px 0 0;
}
.step-media{
	display:inline-block;
	margin:10px 40px 10px 0;
	vertical-align:top;
}
.step-media h5{
	font-size:14px;
	color:#666;
	font-weight:bold;
	display:block;
	padding:5px 0;
	font-family:Arial;
}
.step-media .step-media-clip{
	width:190px;
	height:170px;
	background:#a8a8a8;
	border:2px solid #fff;
	overflow:hidden;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);
	box-shadow:0 0 3px rgba(0,0,0,0.3);
}
.step-media .step-media-clip .step-icon-link{
	margin:7px 7px 0 -3px;
}
.step-media .step-media-clip img{
	width:190px;
	min-height:170px;
}
/*end step*/